import config from './config'
import tool from './utils/tool'
import { hasPerm } from './utils/permission/index'
import errorHandler from './utils/errorHandler'
import 'highlight.js/styles/atom-one-dark.css'
import hljsCommon from 'highlight.js/lib/common'
import hljsVuePlugin from '@highlightjs/vue-plugin'

export default {
	install(Vue) {
		// 挂载全局对象
		Vue.config.globalProperties.$CONFIG = config
		Vue.config.globalProperties.$TOOL = tool
		Vue.config.globalProperties.hasPerm = hasPerm

		// 注册代码高亮组件 （博客：https://blog.csdn.net/weixin_41897680/article/details/124925222）
		// 注意：解决Vue使用highlight.js build打包发布后样式消失问题，原因是webpack在打包的时候没有把未被使用的代码打包进去，因此，在此处引用一下，看似无意义实则有用
		hljsCommon.highlightAuto('<h1>Highlight.js has been registered successfully!</h1>').value
		Vue.use(hljsVuePlugin)

		// 全局代码错误捕捉
		Vue.config.errorHandler = errorHandler
	}
}
